@import '../../../asset/scss/mixin/export.scss';

.CA_status{
    margin-top: $pt20;
    margin-bottom: $pt20;
    h3{
        font-size: $fontBb;
        text-align: center;
        margin:0;
        color: $energized;
    }
}
.CA_info{
    position: relative;
    .CA_divide{
        margin:0 $pt20;
        position: relative;
        margin-bottom: $pt10;
        border-bottom: 1px solid $positive;
        // .CA_divide_line{
        //     position: absolute;
        //     left: 50%;
        //     top: 10px;
        //     height: 1px;
        //     width: 5rem;
        //     margin-left: -2.5rem;
        //     display: inline-block;
        //     background: $positive;
        // }
    }
    //未认证样式
    p{
        position: relative;
        // margin-bottom: $pt30;
        color: $grayLl;
        line-height: $fontNn;
        font-size: $fontNn;
        width: 3rem;
        text-indent: 0.5rem;
        margin: 0 auto $pt12;
        .type{
            display: inline-block;
            position: absolute;
            top: -3px;
            left: -$pt10;
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .omit{
            display: block;
            text-align: center;
            line-height: 4px;
        }
        &.personal{
            .type{
                width: 16px;
                height: 24px;
                background-image: url('/static/img/personal_not@3x.png');
            }
        }
        &.idcard{
            .type{
                width: 15px;
                height: 20px;
                background-image: url('/static/img/identity_not@3x.png');
            }
        }
        &.bankcard{
            .type{
                width: 19px;
                height: 17px;
                left: -$pt12;
                top: 0;
                background-image: url('/static/img/bank_not@3x.png');
            }
        }
        &.sesame{
            .type{
                width: 17px;
                height: 30px;
                left: -$pt12;
                top: -2px;
                background-image: url('/static/img/sesame@3x.png');
            }
        }
        &.operator{
            .type{
                width: 14px;
                height: 20px;
                background-image: url('/static/img/operator_not@3x.png');
            }
        }
        .status{
            position: absolute;
            top: -1px;
            right: -10px;
            width: $fontNb;
            height: $fontNb;
            background-repeat: no-repeat;
            background-size: 100%;
            background-image: url('/static/img/entrance@3x.png');
        }
    }
    //已认证样式
    p.active{
        color: $energized;
        text-decoration: none;
        &.personal{
            .type{
                background-image: url('/static/img/personal_certification@3x.png');
            }
        }
        &.idcard{
            .type{
                background-image: url('/static/img/identity_certification@3x.png');
            }
        }
        &.bankcard{
            .type{
                background-image: url('/static/img/bank_certification@3x.png');
            }
        }
        &.sesame{
            .type{
                background-image: url('/static/img/sesame_hig@3x.png');
            }
        }
        &.operator{
            .type{
                background-image: url('/static/img/operator_certification@3x.png');
            }
        }
        .status{
            background-image: url('/static/img/authenticated@3x.png');
        }
    }
}

.CA_light{
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    .submit{
        position: absolute;
        left: 50%;
        margin-left: -1.7rem;
        width: 3.4rem;
        top: 2rem;
        font-size: $fontNb;
        color: $energized;
    }
    .img{
        vertical-align: bottom;
        height: $pt244;
    }
}